<template>
  <div>
    <a-tabs tabPosition="right">
      <a-tab-pane key="0">
        <span slot="tab"><a-icon type="pushpin" />查询接口与逻辑</span>
        <query-interface-description :transInfo="body.trans"></query-interface-description>
      </a-tab-pane>
      <a-tab-pane key="1">
        <span slot="tab"><a-icon type="pushpin" />支撑设计</span>
        <strut-device-description :strutInfo="body.strut"></strut-device-description>
      </a-tab-pane>
      <a-tab-pane key="2">
        <span slot="tab"><a-icon type="pushpin" />联机设计</span>
        <online-devise-description :onlineInfo="body.online"></online-devise-description>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import QueryInterfaceDescription from './QueryInterfaceDescription.vue'
import OnlineDeviseDescription from './OnlineDeviceDescription.vue'
import StrutDeviceDescription from './StrutDeviceDescription.vue'
export default {
  name: 'transBodyDescription',
  components: {
    QueryInterfaceDescription,
    OnlineDeviseDescription,
    StrutDeviceDescription
  },
  props: {
    body: {
      type: Object
    }
  }
}
</script>

<style scoped lang="less"></style>
